<!DOCTYPE html>
<html>
	<head>
		<title>首页-{$tpshop_config['shop_info_store_title']}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
		<meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/initialize.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/ipad.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/iPhone.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/pc.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/swiper.css" />
        <script type="text/javascript" src="__STATIC__/yt_js/jquery-1.9.0.min.js"></script>
        <script type="text/javascript" src="__STATIC__/yt_js/swiper.min.js"></script>
        <script type="text/javascript" src="__STATIC__/yt_js/jquery.nav.js"></script>
        <script type="text/javascript" src="__STATIC__/yt_js/jquery.page.js"></script>
        <script type="text/javascript" src="__PUBLIC__/js/global.js"></script>
		<script type="text/javascript" src="__STATIC__/yt_js/common.js"></script>
        <script type="text/javascript" src="__PUBLIC__/static/js/layer/layer.js" ></script>
	</head>

	<body>
    <include file="public/new_header" w="w1224"/>
		<!--lunbo-->
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
                <assign name="adk" value="1" />
                <adv pid="2" item="v1" limit="5">
                    <div class="swiper-slide"><img src="{$v1[ad_code]}" alt="{$v1[title]}" /></div>
                </adv>
                </div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>

		<!--三个图片-->
		<div class="juzhong sangetupian">
            <adv pid="52" item="v" limit="3">
			    <img src="{$v[ad_code]}" alt="{$v[title]}" style="width: 325px;height: 260px"/>
            </adv>
		</div>

		<!--主体-->
		<div class="juzhong zhuti clearfix">

			<div id="nav" class="flexd_l fl">

                <foreach name="cateList" item="v" key="k">
                    <li class="elevators">
                        <a href="#shangyi"><span style="width: 30px; display: block; text-align: center; margin: 0 auto; white-space: nowrap;">{$v['mobile_name']}</span></a>
                    </li>
                </foreach>
				<div class="flexd_l_ding border_r2">
					<img src="__STATIC__/yt_images/top.png" alt="" />
					<p href="javascript:void(0)">顶部</p>
				</div>
			</div>

            <foreach name="cateList" item="v" key="k">
			<div class="zhuti1 fr clearfix">
				<!--板块111111111111111-->
				<div id="shangyi" class="bankuai">
					<div class="biaoti">
						<div></div>
						<h4>{$v[name]}</h4>
						<a href="javascript:void(0)">更多>></a>
					</div>
					<!--商品展示-->
					<div class="shangpinzhanshi clearfix">
						<!--11111111111111-->
                        <foreach name="v[hot_goods]" item="g" key="gk">
                            <if condition="$gk lt 8">
						<div class="shangpin fl">
							<a href="{:U('Home/Goods/goodsInfo',array('id'=>$g[goods_id]))}"><img src="{$g[goods_id]|goods_thum_images=220,220}" alt="" /></a>
							<div>
								<p>{$g[goods_name]|getSubstr=0,13}</p>
								<p>￥{$g[shop_price]}</p>
								<div class="jiarugouwuche fl">
									<a href="javascript:void(0)">加入购物车</a>
								</div>
							</div>
						</div>
                         </if>
                        </foreach>
                      </div>

					<!--底部图片-->
					<div class="dibutupian">
						<img src="__STATIC__/yt_images/guanggao.png" alt="" />
					</div>
				</div>
            </div>
        </foreach>

		</div>
		<!-- 主体结束-->
    <include file="public/new_footer" w="w1224"/>
		<!--右边固定-->
		<div class="flexd_r">

			<div class="gouwuche">
				<img src="__STATIC__/yt_images/right_1.png" alt="" />
				<a href="javascript:void(0)">购物车</a>
			</div>
			<div class="shoucang">
				<img src="__STATIC__/yt_images/right_2.png" alt="" />
				<a href="javascript:void(0)">收藏</a>
			</div>
			<div class="shoujiban">
				<img src="__STATIC__/yt_images/right_3.png" alt="" />
				<a href="javascript:void(0)">手机版</a>
			</div>
			<div class="erweima">
				<img src="__STATIC__/yt_images/right_4.png" alt="" />
				<a href="javascript:void(0)">二维码</a>
			</div>

			<div class="flexd_r_ding">
				<img src="__STATIC__/yt_images/dingbu.png" alt="" />
				<p href="javascript:void(0)">顶部</p>

			</div>
		</div>

		<!--遮挡层-->
		<div class="address">
			<div class="c" onclick="guan()">
				
			</div>
			<div class="spxqing">
				<div class="spxqing_1">
					<img src="img1/images/tu1.png" alt="" />
					<div class="spxqing_1r fr">

						<p>￥96.8</p>
						<p>库存1485件</p>
						<p>请选择 主要颜色 尺码</p>
						<a href="javascript:void(0)">×</a>
					</div>
				</div>
				<div class="zzys"> 主要颜色</div>
				<div class="xuanzeys">
					<div>白色</div>
					<div>橙色</div>
					<div>黑色</div>
				</div>
				<!--尺码-->
				<div class="zzys"> 尺码</div>
				<div class="xuanzecm">
					<div>S</div>
					<div>M</div>
					<div>L</div>
					<div>XL</div>
				</div>
				<!--购买数量-->
				<div class="zzys"> 购买数量</div>
				<div class="goumaishuliang">
					<div class="jian">-</div>
					<span>1</span>
					<div class="jia">+</div>
				</div>
				<!--提交  加入购物车-->
				<div class="tijiao tab2_active">
					加入购物车
				</div>
			</div>
		</div>

	</body>

    <script>
        $(function() {
            //轮播
            var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                autoplay: 3000,
                paginationClickable: true
            });
            $('.flexd_l_ding').click(function() {
                $('.flexd_l li').removeClass('flexd_l_active');
                $('.flexd_l li:first').addClass('flexd_l_active');
            });
            $(".flexd_l_ding").click(function() {
                $("html,body").animate({
                    scrollTop: 0
                }, 300);
            });
			$(".flexd_r_ding").click(function() {
				$("html,body").animate({
					scrollTop: 0
				}, 300);
			});
        })
    </script>
</html>